<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <title>猜你喜欢</title>
    <link rel="stylesheet" href="/static/src/jquery-weui/lib/weui.min.css">
    <link rel="stylesheet" href="/static/src/jquery-weui/css/jquery-weui.min.css">
    <script src="/static/src/jquery-weui/lib/jquery-2.1.4.js"></script>
    <script src="/static/src/jquery-weui/js/jquery-weui.min.js"></script>
    <script type='text/javascript' src='/static/src/jquery-weui/js/swiper.min.js' charset='utf-8'></script>
    <link rel="stylesheet" href="/static/src/jquery-weui/demos/css/demos.css">
</head>
<body>
<div class="weui-tab">
    <div class="weui-navbar">
      <a class="weui-navbar__item weui-bar__item--on cate_bar" href="#boy" data_id="2">
        男生
      </a>
      <a class="weui-navbar__item cate_bar" href="#girl" data_id="3">
        女生
      </a>
      <a class="weui-navbar__item cate_bar" href="#my" data_id="4">
        个性化
      </a>
    </div>
    <div class="weui-tab__bd">
      <div id="boy" class="weui-tab__bd-item weui-tab__bd-item--active">
          {% for item in boys %}
        <a class="weui-flex cate" href="javascript:;" data_site="2" data_cate1="{{item.id}}" data_cate2="0" data_name="{{item.name}}">
            <div class="weui-flex__item" id="{{item.id}}"><h2>{{item.name}}</h2></div>
          <div class="weui-flex__item">
              <img src="/static/images/go.png" width="40" style="float:right">
          </div>
        </a>

          <div class="weui-flex"  style="flex-wrap:wrap">
              {% for cate in item.child_node %}
                  <a href="javascript:;"  class="weui-grid js_grid cate"  data_site="2" data_cate1="{{item.id}}" data_cate2="{{cate.id}}" data_name="{{cate.name}}">{{cate.name}}</a>
              {% endfor %}
            </div>


          {% endfor %}
      </div>
      <div id="girl" class="weui-tab__bd-item">
        {% for item in girls %}
        <a class="weui-flex cate"  href="javascript:;"  data_site="3" data_cate1="{{item.id}}" data_cate2="0" data_name="{{item.name}}">
            <div class="weui-flex__item" id="{{item.id}}"><h2>{{item.name}}</h2></div>
          <div class="weui-flex__item">
              <img src="/static/images/go.png" width="40" style="float:right">
          </div>
        </a>
          <div class="weui-flex"  style="flex-wrap:wrap">
              {% for cate in item.child_node %}
                  <a href="javascript:;"  class="weui-grid js_grid cate"  data_site="3" data_cate1="{{item.id}}" data_cate2="{{cate.id}}" data_name="{{cate.name}}">{{cate.name}}</a>
              {% endfor %}
            </div>

          {% endfor %}
      </div>
      <div id="my" class="weui-tab__bd-item" >
        {% for item in mys %}
        <a class="weui-flex cate"  href="javascript:;"  data_site="4" data_cate1="{{item.id}}" data_cate2="0" data_name="{{item.name}}">
            <div class="weui-flex__item" id="{{item.id}}"><h2>{{item.name}}</h2></div>
          <div class="weui-flex__item">
              <img src="/static/images/go.png" width="40" style="float:right">
          </div>
        </a>
          <div class="weui-flex"  style="flex-wrap:wrap">
              {% for cate in item.child_node %}
                  <a href="javascript:;"  class="weui-grid js_grid cate"  data_site="4" data_cate1="{{item.id}}" data_cate2="{{cate.id}}" data_name="{{cate.name}}">{{cate.name}}</a>
              {% endfor %}
            </div>

          {% endfor %}
      </div>
    </div>
</div>
<script src="static/js/categrey.js"></script>
</body>
</html>